<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript" src="js/record.js"></script>
<%--<link href="css/search.css" rel="stylesheet">--%>
<style>
    table th,tr{
        text-align: center;
    }
</style>
<h2 style="text-align: center">访问记录</h2>
<div>
    <div class="s">
        <form action="javascript:void(0)" class="navbar-form navbar-left">
            <div class="s">
                <div class="form-group s">
                    <label class="name" for="recordSearch">姓&nbsp;&nbsp;名：</label>
                    <input type="text" name="searchName" class="form-control" id="recordSearch" placeholder="请输入姓名">
                </div>
                <button type="submit" id="searchSubmit" class="btn btn-primary mybutton">搜&nbsp;索</button>
            </div>
        </form>
    </div>
    <table class="table table-hover">
        <thead>
        <tr>
             <th>编&nbsp;号</th>
            <th>卡    号</th>
            <th>姓&nbsp;&nbsp;&nbsp;&nbsp;名</th>
            <th>访问时间</th>
            <th>门&nbsp;号</th>
        </tr>
        </thead>
        <tbody id="RTable">
        <tr>
            <td>1,001</td>
            <td>Lorem</td>
            <td>ipsum</td>
            <td>dolor</td>
            <td>sit</td>
        </tr>
        </tbody>
    </table>

    <nav aria-label="Page navigation">
        <div class="page_num_inf">
            <i></i> 共
            <span id="totalPage">0</span> 页 <span id="totalCount">0</span> 条
        </div>
        <ul id="paging" class="pagination">
           <!-- <li>
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>-->
        </ul>
    </nav>
</div>

